<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/typeface.css">
    <link rel="stylesheet" href="../css/jc_header.css">
    <link rel="stylesheet" href="../sass/jc_details.css">
    <link rel="stylesheet" href="../sass/jc_login.css">
    <link rel="stylesheet" href="../css/jc_footer.css">
    <title>详情页</title>
</head>
<body>
    <header class="header_top">
        <div class="header_mid clearfix">
            <a href="../index.html">
                <div class="fl i-jcp"><img src="../img/jc_index_logo.png"></div>
            </a>
            <div class="fl i-comm i-bg"></div>
            <a class="fr cart clearfix" href="jc_shoppingCart.html">
                <i class="fl i-comm i-cart"></i>
                <span>购物车</span>
                <div class="fr cart-num">0</div>
            </a>
            <div class="fr loginbox clearfix">
                <!--登录前S-->
                <div class="unlogin">
                    <i class="i-comm i-person"></i>
                    <a href="javascript:;">立即登录</a>
                </div>
                <!--登录前E-->
                <!--登录后S-->
                <div class="login clearfix">
                    <div class="logon-info">
                        <div class="fl hdimg"><img src="../img/touxiang.png" width="38px" height="38px" alt="头像"></div>
                        <p class="fl hdname">你的昵称123</p>
                    </div>
                </div>
                <!--登录后S-->
                <div class="top-hover">
                    <div class="arrow"></div>
                    <div class="link-list">
                        <a href="jc_person_myorder.html" title="订单管理">
                            <i class="fl i-comm i-order"></i>
                            <span>订单管理</span>
                        </a>
                        <a href="jc_person_address.html" title="地址管理">
                            <i class="fl i-comm i-addr"></i>
                            <span>地址管理</span>
                        </a>
                        <a href="jc_person_coupon.html" title="优惠卡券">
                            <i class="fl i-comm i-ticket"></i>
                            <span>优惠卡券</span>
                        </a>
                        <a href="jc_person_collect.html" title="我的收藏">
                            <i class="fl i-comm i-collect"></i>
                            <span>我的收藏</span>
                        </a>
                        <a href="jc_person_notice.html" title="订阅管理">
                            <i class="fl i-comm i-subs"></i>
                            <span>订阅管理</span>
                        </a>
                        <a href="jc_person_peosonal.html" title="信息管理">
                            <i class="fl i-comm i-center"></i>
                            <span>个人信息</span>
                        </a>
                        <a href="register.html" title="订阅中心">
                            <i class="fl i-comm i-order"></i>
                            <span>账号注册</span>
                        </a>
                        <a class="quit-link" href="javascript:void(0);" title="退出登录">
                            <i class="fl i-comm i-quit"></i>
                            <span>退出登录</span>
                        </a>
                    </div>
                </div>
            </div>
            <!--搜索框S-->
            <div class="fr searchbox clearfix">    
                <a href="javascript:void(0);"><i class="i-comm i-search"></i></a>
                <input class="top-search" placeholder="请输入想要找的宝贝">
                <div class="top-search-list">
                    <ul class="hot-search">
                        <li>
                            <span>热门搜索</span>
                            <i class="search-hot"></i>
                        </li>
                        <li>
                            <a href="javascript:void(0);">手办</a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">定制手机壳</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--搜索框E-->
        </div>
        <!--头部导航S-->
        <div class="header_foot">
            <div class="top-menu">
                <div class="mid-menu">
                    <ul class="fl menu-list clearfix">
                        <li>
                            <a class="i-comm" href="jc_index.html">首页</a>
                        </li>
                        <li>
                            <a class="i-comm" href="jc_limitTime.html">限时折扣</a>
                        </li>
                        <li>
                            <a class="i-comm" href="javascript:void(0);">聚豆抵扣</a>
                        </li>
                        <li>
                            <a class="i-comm" href="javascript:void(0);">定制专区</a>
                        </li>
                        <li>
                            <a class="i-comm" href="javascript:void(0);">聚发现</a>
                        </li>
                    </ul>
                    <a class="fr all-class" href="javascript:void(0);">
                        <span>全部商品分类</span>
                        <i class="i-comm i-arr"></i>
                    </a>
                </div>
            </div>
            <!--子菜单-->
            <div class="top-submenu">
                <div class="mid-submenu clearfix">
                    <ul class="submenu-ul">
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon1.png">
                                <p>服饰鞋帽</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">卫衣/外套</a></li>
                                <li><a href="javascript:void(0);">T恤</a></li>
                                <li><a href="javascript:void(0);">袜子</a></li>
                                <li><a href="javascript:void(0);">裤子</a></li>
                                <li><a href="javascript:void(0);">鞋子</a></li>
                                <li><a href="javascript:void(0);">帽子</a></li>
                                <li><a href="javascript:void(0);">服饰配件</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon2.png">
                                <p>玩具毛绒</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">公仔</a></li>
                                <li><a href="javascript:void(0);">抱枕</a></li>
                                <li><a href="javascript:void(0);">手办</a></li>
                                <li><a href="javascript:void(0);">雕塑</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon3.png">
                                <p>数码配件</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">手机壳</a></li>
                                <li><a href="javascript:void(0);">充电宝</a></li>
                                <li><a href="javascript:void(0);">鼠标垫/鼠标</a></li>
                                <li><a href="javascript:void(0);">U盘</a></li>
                                <li><a href="javascript:void(0);">数据线</a></li>
                                <li><a href="javascript:void(0);">打火机</a></li>
                                <li><a href="javascript:void(0);">无线充电器</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon4.png">
                                <p>生活用品</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">杯子</a></li>
                                <li><a href="javascript:void(0);">钥匙扣</a></li>
                                <li><a href="javascript:void(0);">伞</a></li>
                                <li><a href="javascript:void(0);">眼罩/耳罩</a></li>
                                <li><a href="javascript:void(0);">美妆个护</a></li>
                                <li><a href="javascript:void(0);">其它</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon5.png">
                                <p>箱包收纳</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">双肩包</a></li>
                                <li><a href="javascript:void(0);">单肩包</a></li>
                                <li><a href="javascript:void(0);">收纳包</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon6.png">
                                <p>首饰配饰</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">手链</a></li>
                                <li><a href="javascript:void(0);">项链</a></li>
                                <li><a href="javascript:void(0);">挂件</a></li>
                                <li><a href="javascript:void(0);">戒指</a></li>
                                <li><a href="javascript:void(0);">其它</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon7.png">
                                <p>文具图书</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">笔记本</a></li>
                                <li><a href="javascript:void(0);">胶带/贴纸</a></li>
                                <li><a href="javascript:void(0);">文件夹</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon8.png">
                                <p>休闲零食</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">糖/巧克力</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon9.png">
                                <p>海报艺术</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">画册</a></li>
                                <li><a href="javascript:void(0);">海报</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon10.png">
                                <p>其它</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">纪念币</a></li>
                                <li><a href="javascript:void(0);">礼盒</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--滚动监听头部S-->
        <div class="top-scroll"> 
            <div class="header_mid clearfix">
                <a href="jc_index.html">
                    <div class="fl i-jcp"><img src="../img/jc_index_logo.png"></div>
                </a>
                <div class="fl i-comm i-bg"></div>
                <a class="fr cart clearfix" href="jc_shoppingCart.html">
                    <i class="fl i-comm i-cart"></i>
                    <span>购物车</span>
                    <div class="fr cart-num">0</div>
                </a>
                <div class="fr loginbox clearfix">
                    <!--登录前S-->
                    <div class="unlogin">
                        <i class="i-comm i-person"></i>
                        <a href="javascript:;">立即登录</a>
                    </div>
                    <!--登录前E-->
                    <!--登录后S-->
                    <div class="login clearfix">
                        <div class="logon-info">
                            <div class="fl hdimg"><img src="../img/touxiang.png" width="38px" height="38px" alt="头像"></div>
                            <p class="fl hdname">你的昵称123</p>
                        </div>
                    </div>
                    <!--登录后S-->
                    <div class="top-hover">
                        <div class="arrow"></div>
                        <div class="link-list">
                            <a href="jc_person_myorder.html" title="订单管理">
                                <i class="fl i-comm i-order"></i>
                                <span>订单管理</span>
                            </a>
                            <a href="jc_person_address.html" title="地址管理">
                                <i class="fl i-comm i-addr"></i>
                                <span>地址管理</span>
                            </a>
                            <a href="jc_person_coupon.html" title="优惠卡券">
                                <i class="fl i-comm i-ticket"></i>
                                <span>优惠卡券</span>
                            </a>
                            <a href="jc_person_collect.html" title="我的收藏">
                                <i class="fl i-comm i-collect"></i>
                                <span>我的收藏</span>
                            </a>
                            <a href="jc_person_notice.html" title="订阅管理">
                                <i class="fl i-comm i-subs"></i>
                                <span>订阅管理</span>
                            </a>
                            <a href="jc_person_peosonal.html" title="信息管理">
                                <i class="fl i-comm i-center"></i>
                                <span>个人信息</span>
                            </a>
                            <a href="register.html" title="订阅中心">
                                <i class="fl i-comm i-order"></i>
                                <span>账号注册</span>
                            </a>
                            <a class="quit-link" href="javascript:void(0);" title="退出登录">
                                <i class="fl i-comm i-quit"></i>
                                <span>退出登录</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!--搜索框S-->
                <div class="fr searchbox clearfix">    
                    <a href="javascript:void(0);"><i class="i-comm i-search"></i></a>
                    <input class="top-search" placeholder="请输入想要找的宝贝">
                    <div class="top-search-list">
                        <ul class="hot-search">
                            <li>
                                <span>热门搜索</span>
                                <i class="search-hot"></i>
                            </li>
                            <li>
                                <a href="javascript:void(0);">手办</a>
                            </li>
                            <li>
                                <a href="javascript:void(0);">定制手机壳</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--搜索框E-->
            </div>
        </div>
        <!--头部导航S-->
        <div class="header_foot header_foot1">
            <div class="top-menu">
                <div class="mid-menu">
                    <ul class="fl menu-list clearfix">
                        <li>
                            <a class="i-comm" href="javascript:void(0);">首页</a>
                        </li>
                        <li>
                            <a class="i-comm" href="javascript:void(0);">限时折扣</a>
                        </li>
                        <li>
                            <a class="i-comm" href="javascript:void(0);">聚豆抵扣</a>
                        </li>
                        <li>
                            <a class="i-comm" href="javascript:void(0);">定制专区</a>
                        </li>
                        <li>
                            <a class="i-comm" href="javascript:void(0);">聚发现</a>
                        </li>
                    </ul>
                    <a class="fr all-class" href="javascript:void(0);">
                        <span>全部商品分类</span>
                        <i class="i-comm i-arr"></i>
                    </a>
                </div>
            </div>
            <!--子菜单-->
            <div class="top-submenu">
                <div class="mid-submenu clearfix">
                    <ul class="submenu-ul">
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon1.png">
                                <p>服饰鞋帽</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">卫衣/外套</a></li>
                                <li><a href="javascript:void(0);">T恤</a></li>
                                <li><a href="javascript:void(0);">袜子</a></li>
                                <li><a href="javascript:void(0);">裤子</a></li>
                                <li><a href="javascript:void(0);">鞋子</a></li>
                                <li><a href="javascript:void(0);">帽子</a></li>
                                <li><a href="javascript:void(0);">服饰配件</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon2.png">
                                <p>玩具毛绒</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">公仔</a></li>
                                <li><a href="javascript:void(0);">抱枕</a></li>
                                <li><a href="javascript:void(0);">手办</a></li>
                                <li><a href="javascript:void(0);">雕塑</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon3.png">
                                <p>数码配件</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">手机壳</a></li>
                                <li><a href="javascript:void(0);">充电宝</a></li>
                                <li><a href="javascript:void(0);">鼠标垫/鼠标</a></li>
                                <li><a href="javascript:void(0);">U盘</a></li>
                                <li><a href="javascript:void(0);">数据线</a></li>
                                <li><a href="javascript:void(0);">打火机</a></li>
                                <li><a href="javascript:void(0);">无线充电器</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon4.png">
                                <p>生活用品</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">杯子</a></li>
                                <li><a href="javascript:void(0);">钥匙扣</a></li>
                                <li><a href="javascript:void(0);">伞</a></li>
                                <li><a href="javascript:void(0);">眼罩/耳罩</a></li>
                                <li><a href="javascript:void(0);">美妆个护</a></li>
                                <li><a href="javascript:void(0);">其它</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon5.png">
                                <p>箱包收纳</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">双肩包</a></li>
                                <li><a href="javascript:void(0);">单肩包</a></li>
                                <li><a href="javascript:void(0);">收纳包</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon6.png">
                                <p>首饰配饰</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">手链</a></li>
                                <li><a href="javascript:void(0);">项链</a></li>
                                <li><a href="javascript:void(0);">挂件</a></li>
                                <li><a href="javascript:void(0);">戒指</a></li>
                                <li><a href="javascript:void(0);">其它</a></li>
                            </ul>
                        </li><li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon7.png">
                                <p>文具图书</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">笔记本</a></li>
                                <li><a href="javascript:void(0);">胶带/贴纸</a></li>
                                <li><a href="javascript:void(0);">文件夹</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon8.png">
                                <p>休闲零食</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">糖/巧克力</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon9.png">
                                <p>海报艺术</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">画册</a></li>
                                <li><a href="javascript:void(0);">海报</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="javascript:void(0);">
                                <img src="../img/jc_index_menu_icon10.png">
                                <p>其它</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="javascript:void(0);">纪念币</a></li>
                                <li><a href="javascript:void(0);">礼盒</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!--首页主体S-->
    <!--中间内容S-->
    <section>
        <div class="wrap">
            <div class="mainwrap">
                <div class="comm-tit">
                    <!-- <a href="jc_index.html" target="_self" class="index-link">商城首页></a>
                    <em>Nike X LPL 战队比赛男子连帽衫（EDG）</em> -->
                </div>
                <div>
                    <!--商品展示-->
                    <div class="product-intro clearfix">
                        <div class="fl product-preview">
                            <div class="good-imgs">
                                <ul>
                                    <li class="picshow">
                                        <!--暂缺货-->
                                        <!-- <div class="i-out">
                                            <span class="mark-txt">暂缺货</span>
                                        </div>
                                        <div class="ico-comm i-mark">
                                            <span class="mark-txt">新品</span>
                                        </div> -->
                                        <!-- <a href="javascript:;" class="product-image image-zoom MagicZoom" style="display: inline-block; position: relative; text-decoration: none; outline: 0px; overflow: hidden;">
                                            <img src="../img/jc_goods2.jpg" width="570" height="570">
                                            <div class="MagicZoomPup" style="z-index: 10; position: absolute; overflow: hidden; display: none; visibility: hidden; width: 304px; height: 291px; opacity: 0.5; left: 154px; top: 147px;"></div>
                                            <div class="MagicZoomBigImageCont inner-zoom" style="position: relative; z-index: 10; left: 0px; top: 0px; padding: 3px; display: none; visibility: hidden;">
                                                <div class="MagicZoomHeader" style="position: relative; z-index: 10; left: 0px; top: 0px; padding: 3px; display: none; visibility: hidden;"></div>
                                                <div style="overflow: hidden;">
                                                    <img src="../img/jc_goods2.jpg" style="padding: 0px; margin: 0px; border: 0px; width: auto; height: auto; position: relative; left: -102.8px; top: -171.8px; transform: translateZ(0px);">
                                                </div>
                                            </div>
                                        </a> -->
                                    </li>
                                </ul>
                            </div>
                            <div class="picdetails">
                                <ul class="picdetail-list">
                                    <!-- <li class="active">
                                        <a href="javascript:;">
                                            <img src="../img/jc_goods2.jpg" width="74" height="74">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="../img/jc_goods3.jpg" width="74" height="74">
                                        </a>
                                    </li> -->
                                </ul>
                            </div>
                        </div>
                        <!--商品信息-->
                        <div class="fl product-info">
                            <!-- <h3 class="pord-name">Nike X LPL 战队比赛男子连帽衫（EDG）</h3>
                            <div class="pord-price clearfix" style="height:auto;">
                                <span class="fl pord-dispri">
                                    ￥<strong>349.50</strong>    
                                </span>
                                <span class="fl pord-orpri">￥699.00</span>
                            </div> -->
                            <!-- <div class="pord-saleinfo clearfix">
                                <div class="fl pord-salebox">
                                    <i class="ico-detail ico-discount">折</i>
                                    <span>限时优惠349.50元</span>
                                </div>
                            </div> -->
                            <!-- <div class="pord-gift clearfix">
                                <i class="gift-mark">满赠</i>
                                <span>该商品正在参加【LPL战队队服 购买即赠战队冰箱贴】，请至购物车领取</span>
                                <a href="javascript:;" class="gift-link">详情</a>
                            </div> -->
                            <!--类型-->
                            <!-- <div>
                                <div class="mt10 pord-color pord-sellist clearfix">
                                    <label class="fl">类型</label>
                                    <ul class="fl ml28">
                                        <li class="current" style="overflow:hidden;">
                                            <div class="pord-selbox" style="border-color:#ffd92c;">逐星者模型（不含底座防尘罩）</div>
                                        </li>
                                        <li class="" style="overflow:hidden;">
                                            <div class="pord-selbox">逐星者模型+定制底座+防尘罩</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="mt10 pord-color pord-sellist clearfix">
                                    <label class="fl">颜色</label>
                                    <ul class="fl ml28">
                                        <li class="current" style="overflow:hidden;">
                                            <div class="pord-selbox">彩色</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="mt10 pord-color pord-sellist clearfix">
                                    <label class="fl">尺码</label>
                                    <ul class="fl ml28">
                                        <li class="current" style="overflow:hidden;">
                                            <div class="pord-selbox">S</div>
                                        </li>
                                        <li class="" style="overflow:hidden;">
                                            <div class="pord-selbox">M</div>
                                        </li>
                                        <li class="" style="overflow:hidden;">
                                            <div class="pord-selbox">L</div>
                                        </li>
                                        <li class="" style="overflow:hidden;">
                                            <div class="pord-selbox">XL</div>
                                        </li>
                                    </ul>
                                </div>
                            </div> -->
                            <!-- <div>
                                <div class="mt10 pord-num clearfix">
                                    <label class="fl pt10">数量</label>
                                    <div class="fl ml42">
                                        <a href="javascript:;" class="fl num-plus numbtn num-plus btn_detail_main_buy_min">
                                            <i class="ico-detail">-</i>
                                        </a>
                                        <input class="fl nummidbtn num inpt_detail_main_buy_num" value="1">
                                        <a href="javascript:;" class="fl numbtn num-minus btn_detail_main_buy_plus">
                                            <i class="ico-detail">+</i>
                                        </a>
                                    </div>
                                    <span class="pord-stock">(还剩5件)</span>
                                </div>
                                <div class="pord-btn clearfix">
                                    <a href="javascript:;" class="fl joincart-btn">加入购物车</a>
                                    <a href="javascript:;" class="fl ml30 buy-btn">立即购买</a>
                                    <a href="javascript:;" class="fl joincart-btn">到货提醒</a>
                                    <a href="javascript:;" class="fl btn-collect">
                                        <i class="ico-detail ico-collect"></i>
                                        <span>收藏</span>
                                    </a>
                                    <a href="javascript:;" class="fl btn-collected" style="display: none;">
                                        <i class="ico-detail ico-collect"></i>
                                        <span>已收藏</span>
                                    </a>
                                </div>
                            </div> -->
                        </div>
                    </div>
                    <div class="mt20 porduct-detail">
                        <div class="pord-tab">
                            <ul>
                               <li class="curtab">
                                商品详情
                                <i class="i-tabline"></i>
                               </li> 
                               <li>
                                用户点评
                                <span>(0)</span>
                                <i class="i-tabline"></i>
                               </li>
                               <li>
                                联系商家
                                <i class="i-tabline"></i>
                               </li>
                               <li>
                                增加/修改评论
                                <i class="i-tabline"></i>
                               </li>
                            </ul>
                        </div>
                        <div class="tabcont">
                            <div class="pordcont pord-detail" style="display: block;">
                                <div class="parameter">
                                    <ul>
                                        <li>
                                            <label class="fl">商品名称：</label>
                                            <span class="fl par-name">【手游】QQ飞车粉色逐星者典藏合金车模</span>
                                        </li>
                                        <li class="fr">
                                            <label class="fl">商城：</label>
                                            <span class="fl">【手游】QQ飞车手游</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="detailbox">
                                    <p>
                                        <img src="../img/jc_goods2.jpg">
                                    </p>
                                    <p>
                                        <img src="../img/jc_goods3.jpg">
                                    </p>
                                    <p>
                                        <img src="../img/jc_goods4.jpg">
                                    </p>
                                    <p>
                                        <img src="../img/jc_goods5.jpg">
                                    </p>
                                </div>
                            </div>
                            <div class="pordcont pord-comment" style="display: none;">
                                <div class="pordcont pord-comment">
                                    <div class="all-comment clearfix">
                                        <span class="fl">玩家综合评分：</span>
                                        <span class="pord-starall fl">
                                            <i class="ico-detail i-star10"></i>
                                        </span>
                                        <span class="fl all-point">5.0</span>
                                    </div>
                                    <div class="comment-list clearfix">
                                        <ul class="cent-ul">
                                            <!-- <li>
                                                <div class="fl headimg">
                                                    <div class="imgbox">
                                                        <img src="../img/touxiang2.jpg" width="58" height="58">
                                                    </div>
                                                    <p class="qqnick">昵称</p>
                                                </div>
                                                <div class="fl comment-text">
                                                    <div class="comment-point clearfix">
                                                        <span class="fl">商品评分</span>
                                                        <div class="fl pord-starbox">
                                                            <i class="ico-detail i-star10"></i>
                                                        </div>
                                                        <span class="fl all-point ml5">5.0</span>
                                                        <i class="fl cent-mark">你的评论</i>
                                                        <div class="fr comment-time">2020-12-27 15:16:01</div>
                                                    </div>
                                                    <p class="text-detail">呐，我还以为和白白玉神驹、雷诺一样有编号的呢。除此之外，大致上没有不满意的。</p>
                                                    <div class="ser-reply clearfix">
                                                        <span class="fl">官方周边商城回复：</span>
                                                        <span class="fl reply-txt">感谢你的支持！十年磨一剑，百炼凝一枪！匠心打造只为长官的这一句肯定！</span>
                                                    </div>
                                                </div>
                                            </li> -->

                                            <!-- <li>
                                                <div class="fl headimg">
                                                    <div class="imgbox">
                                                        <img src="../img/touxiang3.jpg" width="58" height="58">
                                                    </div>
                                                    <p class="qqnick">昵称</p>
                                                </div>
                                                <div class="fl comment-text">
                                                    <div class="comment-point clearfix">
                                                        <span class="fl">商品评分</span>
                                                        <div class="fl pord-starbox">
                                                            <i class="ico-detail i-star10"></i>
                                                        </div>
                                                        <span class="fl all-point ml5">5.0</span>
                                                        <div class="fr comment-time">2020-12-27 15:16:01</div>
                                                    </div>
                                                    <p class="text-detail">呐，我还以为和白白玉神驹、雷诺一样有编号的呢。除此之外，大致上没有不满意的。</p>
                                                </div>
                                            </li> -->
                                        </ul>
                                    </div>
                                </div>
                                <div class="page">
                                    <span class="p-f">共0条记录</span>
                                    <span class="p_prev">
                                        <a href="javascript:;">上一页</a>
                                    </span>
                                    <span class="p_next">
                                        <a href="javascript:;">下一页</a>
                                    </span>
                                </div>
                            </div>
                            <div class="pordcont pord-contact" style="display: none;">
                                <dl class="contact-company">
                                    <dt>商家：聚诚品英雄联盟周边商城</dt>
                                </dl>
                                <dl class="contact-method">
                                    <dt>商家联系方式</dt>
                                    <dd>
                                        <div>电话：(010)52205682</div>
                                        <div>ＱＱ：0</div>
                                        <div>微信：暂无</div>
                                        <div class="contact-service">
                                            <a href="javascript:;">联系客服</a>
                                        </div>
                                    </dd>
                                </dl>
                                <dl class="contact-time">
                                    <dt>商家服务时间</dt>
                                    <dd>
                                        <div>在线时间：周一至周日（节假日均可），每天上午09:00-晚上24:00</div>
                                    </dd>
                                </dl>
                                <dl class="contact-company">
                                    <dt>经营者证照信息</dt>
                                    <dd>
                                        <div>
                                            <a href="javascript:;" class="btn-licence">查看证照信息</a>
                                        </div>
                                    </dd>
                                </dl>
                            </div>
                            <div class="pordcont pord-modify">
                                  <form id="form1" action="../php/sever.php" class="discusform" style="margin-left: 35%;" method="post">
                                    <textarea class="tat" name = "content" style="resize: none;width: 400px;height: 200px;" cols="30" rows="10" ></textarea>
                                    <input class="hid1" type="hidden" >
                                    <input class="hid2" type="hidden" >
                                    <input class="hid3" type="hidden" >
                                    <input class="hid4" type="hidden" >
                                    <input class="hid5" type="hidden" >
                                    <input class="hid6" type="hidden" >
                                    <input class="hid7" type="hidden" >
                                    <div class="iputbox">
                                        打分:
                                        <input type="radio" value="0" name="star">0星&nbsp;
                                        <input type="radio" value="1" name="star">1星&nbsp;
                                        <input type="radio" value="2" name="star">2星&nbsp;
                                        <input type="radio" value="3" name="star">3星&nbsp;
                                        <input type="radio" value="4" name="star">4星&nbsp;
                                        <input type="radio" value="5" name="star">5星&nbsp;
                                    </div>
                                    <button style="display: block;margin-left:160px;" type="submit" class="btn btn-danger" >修改评论</button>
                                  </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!--中间内容E-->
    
    
    <!--登录框-->
    <article style="display: none;">
        <div class="milo_login_dialog" style="display: block;width: 622px;height: 418px;top: 50%;left: 50%;margin-left: -311px;margin-top: -209px;position: fixed;z-index: 10001;padding: 0px;background-color: rgb(255, 255, 255);">
            <a href="javascript:;" class="milo_btn_close">
                <span class="milo_btn_inner">关闭</span>
            </a>
            <div class="milo_login_tab">
                <ul class="milo_tab_list">
                    <li class="milo_list_item milo_list_item_qq milo_current">
                        <a href="javascript:;" class="milo_tab_item milo_tab_item_qq">
                            <i class="ico_loginqq"></i>
                            <span>账号密码登录</span>
                        </a>
                    </li>
                    <li class="milo_list_item milo_list_item_wx milo_current">
                        <a href="javascript:;" class="milo_tab_item milo_tab_item_wx">
                            <i class="milo_ico_loginwx"></i>
                            <span>电话邮箱登录</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="milo_login_tips">
                <div class="milo_tips_txt">账号和邮箱登录共属同一账号，账号信息可互通</div>
            </div>
            <div class="milo_login_cont">
                <div class="web_qr_login" style="display: block;">
                    <div class="web_qr_login_show">
                        <div class="web_login">
                            <div class="tips">
                                <div class="title">帐号密码登录</div>
                                <div>
                                    推荐使用
                                    <a href="javascript:;" class="link_tips tips1">快速安全登录</a>
                                    ，防止盗号。
                                </div>
                                <p class="jaiozhun" style="color: red; display: none;">你输入的账号或密码有误！</p>
                            </div>
                            <div class="login_form">
                                <form action="../php/sever.php" autocomplete="off" style="margin: 0px;" method="post">
                                    <div class="uinArea">
                                        <div class="inputOuter">
                                            <input class="inputstyle" name="uname" placeholder="请输入你的账号">
                                        </div>
                                    </div>
                                    <div class="pwdArea">
                                        <div class="inputOuter">
                                            <input class="inputstyle" name="upwd" placeholder="请输入你的密码" maxlength="16">
                                        </div>
                                    </div>
                                    <div class="submit">
                                        <a href="javascript:;" class="login_button" hidefocus="true">
                                            <input name="hide" type="hidden" value="login">
                                            <input type="submit" class="btn" value="授权登录">
                                        </a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="qlogin" style="display: none;">
                    <div class="title">快速安全登录</div>
                    <div class="qlogin_tips">
                        请使用
                        <a href="javascript:void(0)" class="link_tips tips2">QQ登录页</a>
                        使用账号登录
                        <br>
                        或点击头像授权登录。
                    </div>
                    <div class="qlogin_show" style="width: 300px; left: 50%; margin-left: -150px;">
                        <div class="qlogin_list" style="width: 300px;">
                            <a href="javascript:;" class="face">
                                <img src="../img/touxiang.png">
                                <span class="img_out_focus"></span>
                                <span class="nick">傲世メ繁星</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="milo_mask_layer"></div>
    </article>
    <aside></aside>
    <figure></figure>
    <!--首页主体E-->
    <footer>
        <div class="footer-mid clearfix">
            <div class="footer-logo fl">
                <a class="footer-djc" href="javascript:void(0);">
                    <img src="../img/jc_index_footer_logo.png">
                </a>
            </div>
            <ul class="footer-info fl">
                <li>
                    <a href="javascript:void(0)">
                        <span class="ic04 in comm-top"></span>
                        购物指南
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <span class="ic07 in comm-top"></span>
                        配送方式
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <span class="ic05 in comm-top"></span>
                        售后服务
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <span class="ic06 in comm-top"></span>
                        关于我们
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <span class="ic08 in comm-top"></span>
                        配送方式
                    </a>
                </li>
            </ul>
            <ul class="footer-code fl">
                <li>
                    <img src="../img/jc_index_code1.jpg">
                    <p>聚诚品公众号</p>
                </li>
                <li>
                    <img src="../img/jc_index_code2.jpg">
                    <p>道聚城公众号</p>
                </li>
                <li>
                    <img src="../img/jc_index_code3.png">
                    <p>掌上道聚城</p>
                </li>
            </ul>
        </div>
    </footer>
    <div class="footer_end">
        <div class="wrap_end">
            <p>
                <a href="javascript:viod(0);">腾讯互动娱乐</a>
                |
                <a href="javascript:viod(0);">服务条款</a>
                |
                <a href="javascript:viod(0);">腾讯游戏隐私保护指引</a>
                |
                <a href="javascript:viod(0);">腾讯游戏儿童隐私保护指引</a>
                |
                <a href="javascript:viod(0);">广告服务</a>
                |
                <a href="javascript:viod(0);">腾讯游戏招聘</a>
                |
                <a href="javascript:viod(0);">腾讯游戏客服</a>
                |
                <a href="javascript:viod(0);">游戏地图</a>
                |
                <a href="javascript:viod(0);">成长守护平台</a>
                |
                <a href="javascript:viod(0);">商务合作</a>
                |
                <a href="javascript:viod(0);">网站导航</a>
            </p>
            <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
            <p>
                <a href="javascript:viod(0);">腾讯公司 版权所有</a>
            </p>
        </div>
        <div class="copyright">
            <a href="javascript:viod(0);">
                <img src="../img/jc_index_copyright.png" width="15" height="15" alt="深圳市市场监督管理局企业主体身份公示"> 
                工商网监电子标识
            </a>
        </div>
    </div>
    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/jc_index_header.js"></script>
    <script src="../js/jc_details.js"></script>
</body>
</html>